<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 装饰器内容勿动 start -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="root_path" content="<%=request.getContextPath()%>" id="JQ_root_path">
    <meta name="_token" content="<%=request.getSession().getAttribute("_token")%>" id="JQ_token">
    <meta name="file_path" content="${File_Server_Path}" id="JQ_file_path">
    <meta name="menu_mark" content="${menuMark}" id="JQ_menu_mark">
    <title>交通设施 - 周边环境</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/core.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/js/plugin/scrollbar/css/jquery.mCustomScrollbar.css">
    <script src="<%=request.getContextPath()%>/static/js/lib/jquery-1.12.3.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mousewheel.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mCustomScrollbar.min.js"></script>
    <style type="text/css">
        .haveData{height: 12px; width: 24px; background: url(../static/img/arrow_pressed.png) no-repeat 14px center;}
        .haveData.active{height: 12px; width: 24px; background: url(../static/img/arrow_default.png) no-repeat 17px center;}
        .haveData.none{height: 12px; width: 24px; background: url(../static/img/zy_corrctrl_sprite.png) no-repeat 0 -388px;}
        .xyf_two_checked{height: 12px; width: 40px;}
        .xyf_three_checked{height: 12px; width: 80px;}
        .xyf_four_checked{height: 12px; width: 120px;}
        .xyf_five_checked{height: 12px; width: 160px;}
        .zy-datatable>tbody.xyf-table-body>tr>td{border-bottom: none;background-color: rgba(255,255,255,0)}
        .zy-datatable>tbody.xyf-table-body>tr:hover td{background-color: rgba(255,255,255,0)}
        .zy-datatable>tbody.xyf-table-body>tr.even td{background-color: rgba(255,255,255,0)}
        .zy-datatable>tbody>tr.xyf-one-backColor{background-color: #c4cde0;}
        .zy-datatable>tbody>tr.xyf-one-backColor:hover td{background-color: #c4cde0;}
        .zy-datatable>tbody>tr.xyf-two-backColor{background-color: #e1e1e1;}
        .zy-datatable>tbody>tr.xyf-two-backColor:hover td{background-color: #e1e1e1;}
        .zy-datatable>tbody>tr.xyf-three-backColor{background-color: #f0f0f0;}
        .zy-datatable>tbody>tr.xyf-three-backColor:hover td{background-color: #f0f0f0;}
        .zy-datatable>tbody>tr.xyf-four-backColor{background-color: #ffffff;}
        .zy-datatable>tbody>tr.xyf-four-backColor:hover td{background-color: #ffffff;}

        .xyf-checkbox-all{height: 16px; width: 16px; background: url(../static/img/icon_default.png) no-repeat 0 0; cursor: pointer;}
        .xyf-checkbox-all.half{background: url(../static/img/icon_pressed_half.png) no-repeat 0 0;}
        .xyf-checkbox-all.active{background: url(../static/img/icon_pressed_all.png) no-repeat 0 0;}
        .xyf-checkbox{height: 16px; width: 16px; background: url(../static/img/icon_default.png) no-repeat 0 0; cursor: pointer;}
        .xyf-checkbox.half{background: url(../static/img/icon_pressed_half.png) no-repeat 0 0;}
        .xyf-checkbox.active{background: url(../static/img/icon_pressed_all.png) no-repeat 0 0;}
    </style>
    <!-- 装饰器内容勿动 start -->
</head>
<body>
<div class="page-container">
    <div class="main-inner">
        <div class="content-inner">
            <div class="zy-table" style="overflow-x: hidden;">
                <div class="xyf-table-corner" style="height: 38px;"></div>
                <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0"  style="overflow-x: hidden;border-right: none;border-top: none;">
                    <thead>
                    <tr>
                        <th width="200px"><i id="JQ_check_all" class="xyf-checkbox-all" data-chk="false" title="全选"></i></th>
                        <th width="" title="管道名称">名称</th>
                        <th width="" title="类型">编号</th>
                        <th width="" title="管道名称">路径</th>
                        <th width="" title="类型">图片</th>
                    </tr>
                    </thead>
                    <tbody class="xyf-table-body">
                    <tr>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- JS start -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/ambient.api.js"></script>
    <!-- template -->
    <script src="${pageContext.request.contextPath}/static/js/controller/ae/ambientData.template.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/ae/test.js"></script>
</div>
</body>
</html>